body {
    background-color: #fff;

    header {
        padding: 0 5%;
        height: 60px;
        width: 100%;
        border-bottom: 1px solid gainsboro;

        .close {
            color: gray;
            font-size: 30px;
            line-height: 60px;
        }

        ;

        .deliver {
            color: white;
            font-weight: bold;
            background-color: #4294ff;
            font-size: 18px;
            width: 80px;
            height: 30px;
            border-radius: 15px;
            line-height: 30px;
        }

    }

    ;

    main {
        padding: 0 5%;
        flex: 1;
        overflow: scroll;

        .set {
            width: 100%;
            position: relative;

            textarea {
                width: 100%;
                height: 200px;
                color: gray;
                border: none;
            }

            ;

            .limit {
                position: absolute;
                top: 160px;
                right: 40px;

            }

            ;

            ul {
                flex-wrap: wrap;

                li {
                    width: 30%;
                    margin-right: 10px;
                    margin-bottom: 10px;
                    height: 105px;
                    background-color: gray;
                    border-radius: 5px;

                    img {
                        width: 100%;
                        height: 105px;
                    }

                }

                ;

                #addBtn {
                    font-size: 80px;
                    font-weight: bold;
                    line-height: 100px;

                    input {
                        display: none;
                    }
                }

                ;


            }

        }

        .local {

            height: 50px;
            border-top: 1px solid gainsboro;

            display: flex;
            justify-content: space-between;
        }
    }

}